import React from 'react'
import "../css/Home.css"
import Body from "../component/Body.js"

class Home extends React.Component {
  constructor(props) {
    super(props)
  }
  render () {
    return (
        // 地址栏
        <div className="box">
            <div className="nav_list">
                    <div className="left">
                        <div>小米商城</div>
                        <div>MIUI</div>
                        <div>loT</div>
                        <div>云服务</div>
                        <div>天星数科</div>
                        <div>有品</div>
                        <div>小爱开发平台</div>
                        <div>企业团购</div>
                        <div>资质证照</div>
                        <div>协议规则</div>
                        <div>下载app</div>
                        <div>智能生活</div>
                        <div>Select Location</div>
                    </div>
                    <div className="right">
                        <div onClick={()=>{
                            console.log(this);
                            this.props.history.push({
                                pathname:'/login'
                            })
                        }}>登录</div>
                        <div>注册</div>
                        <div>消息通知</div>
                        <div><button>购物车(0)</button></div>
                    </div>
               {/* </div> */}
            </div>
                {/* 全部商品 */}
            <div className="nav_shop">

                    <div className="left">
                        MI
                    </div>
                    <div className="center">
                        <div>全部商品分类</div>
                        <div>小米手机</div>
                        <div>Redmi红米</div>
                        <div>电视</div>
                        <div>笔记本</div>
                        <div>家电</div>
                        <div>路由器</div>
                        <div>智能硬件</div>
                        <div>服务</div>
                        <div>社区</div>
                    </div>
                    <div className="right">
                       <input type="text"/><button>🔍</button>
                    </div>
            </div>
            <Body></Body>
            
        </div>
        
        
    )
  }
}

export default Home